<template>
  <div class='update'>
    <div class="cheakIn">
      <h3 v-show="loginIn" class="loginButton" @click="goIn">进入应用</h3>
      <h2>{{message}}</h2>
    </div>
    <div class="downIn"></div>
    <div class="login"></div>
  </div>
</template>

<script>
export default {
  components: {},
  data () {
    return {
      message:'正在检查更新，请稍后...',
      loginIn:false,
    }
  },
  computed: {},
  watch: {},
  methods: {
    goIn(){
      this.$router.push('/main')
    }
  },
  created () {},
  mounted () {
    setTimeout(() => {
      this.message = "更新完成"
      this.loginIn= true
    }, 3000);
  },
  destroyed () {},
}
</script>

<style lang='less' scoped>
.update{
  width: 100%;
  height: 100%;
  background:url('../assets/images/update.jpeg') no-repeat;
  background-size: 100% 100%;
  .cheakIn{
    width: 100%;
    position: absolute;
    bottom: 30px;
    h2{
      color: #000;
    }
    .loginButton{
      margin: 0 auto;
      width: 80px;
      height: 40px;
      cursor: pointer;
      background-color: rgb(255, 255, 176);
      font-size: 14px;
      border-radius: 16px;
      margin-bottom: 10px;
      line-height: 40px;
      text-align: center;
    }
  }
  
}
</style>